@charset "utf-8";

/** 首页 **/
.indexPage{ width:100%; overflow:hidden}
.indexPage .mod1{margin:0 auto;overflow:hidden;zoom:1;padding:6px 0 45px 0;background:#fff;box-shadow:1px 3px 11px #e8e8e8}
.indexPage .mod1 .inc{width:1200px;margin:0 auto}
.indexPage .mod1 .col{width:25%;float:left;position:relative;display:block}
.indexPage .mod1 .col a{cursor:pointer}
.indexPage .mod1 .col .limg{display:block;position:absolute;left:16px;top:0;transition: all linear .2s;-moz-transition: all linear .2s; -webkit-transition: all linear .2s;}
.indexPage .mod1 .col a:hover .limg{margin-top: -5px;}
.indexPage .mod1 .col a:hover .cl .t1{color:#E95048;}
.indexPage .mod1 .col .cl{margin:0 0 0 126px}
.indexPage .mod1 .col .t1{height:22px;line-height:22px;text-align:left;font-size:16px;padding:22px 0 0 0;transition: all linear .2s;-moz-transition: all linear .2s; -webkit-transition: all linear .2s; }
.indexPage .mod1 .col .t1 .hotTip{display:inline-block;padding:6px 15px;background:url(../images/hotTip.png) no-repeat;margin-left:10px}
.indexPage .mod1 .col .t1 .newTip{display:inline-block;padding:6px 15px;background:url(../images/newTip.png) no-repeat;margin-left:10px}
.indexPage .mod1 .col .t1 span{line-height:22px;color:#e95048;font-size:16px;font-weight:700}
.indexPage .mod1 .col .t2{height:22px;line-height:22px;text-align:left;font-size:14px;color:#535353;padding:2px 0 0 0}
.indexPage .mod1 .col:after{display:block;content:'';width:1px;overflow:hidden;height:80px;background:#ECECEC;position:absolute;right:0;top:10px}
.indexPage .mod1 .col.last:after{display:none}
.indexPage .cmRit .cmTb{display:inline-block;width:74px;text-align:center;height:30px;line-height:30px;font-size:14px;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:-1px 0 0 -1px;border-radius:3px;cursor:pointer;transition:all linear .2s;position:relative}
.indexPage .cmRit .cmTb:hover{color:#E95048}
.indexPage .cmRit .selected{background:#e95048;color:#fff}
.indexPage .cmRit .cmTb.selected:hover{color:#fff;}
.indexPage .pzContent{display:block;cursor:pointer;padding-top:28px;}
.indexPage .lMod:hover .md .bts .btn{color:#ff3338; border-color:#ff3338;}
.indexPage .content_inner{margin:0 auto;padding-bottom:15px;display:none}
.showCt{display:block!important}
.indexPage .content_inner .bl{color:#999;padding-bottom:18px}
.indexPage .content_inner .lf{font-size:14px;display:inline-block;width:98px;border-right:1px solid #e5e5e5;text-align:left}
.indexPage .content_inner .rg{display:inline-block;font-size:14px;width:87px;text-align:right}
.indexPage .mod2 .lMod .bts .ys{font-size:12px;color:#14px;color:#ff303a;line-height:16px;position:relative;left:0;top:-15px}

.indexPage .cmTit{ padding:30px 0 0 0; overflow:hidden}
.indexPage .cmTit .fTit{ display:block; font-size:42px; line-height:52px; text-align:center; overflow:hidden; color:#000}
.indexPage .cmTit .sTit{ display:block; font-size:13px; line-height:22px; color:#888; text-align:center; padding:5px 0 0 0}

.indexPage .mod2{ width:1200px; margin:0 auto; padding:22px 0 80px 0}
.indexPage .mod2 .lMod{ float:left; border-top:8px solid #ff303a; width:286px; overflow:hidden; height:411px; background:#fff; margin:21px 0 0 0; box-shadow:0 0 55px #dfdfdf;-moz-box-shadow:0 0 55px #dfdfdf;-webkit-box-shadow:0 0 55px #dfdfdf;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.indexPage .mod2 .lMod .icon{
	display:block;
	height:122px;
	overflow:hidden;
	background-image: url(cpgnFwqImg.jpg);
	background-repeat: no-repeat;
	background-position: center 22px;
} 
.indexPage .mod2 .lMod .t1{ display:block; font-size:24px; text-align:center; line-height:26px}
.indexPage .mod2 .lMod .t2{ display:block; font-size:13px; text-align:center; line-height:20px; padding:8px 0 20px 0; color:#999}
.indexPage .mod2 .lMod .md{ margin:0 20px; padding-bottom:22px; overflow:hidden; }
.indexPage .mod2 .lMod .tt1{ display:block; line-height:23px; padding:16px 0 12px 0; text-align:center; color:#333; font-size:16px; font-weight:bold}
.indexPage .mod2 .lMod .nh{ font-size:13px; line-height:230%; color:#999; text-align:left; padding-bottom:10px}
.indexPage .mod2 .lMod .nh span{ line-height:230%; color:#e5e5e5; padding:0 9px; font-size:12px}
.indexPage .mod2 .lMod .bts{ overflow:hidden; zoom:1; text-align:left; height:36px}
.indexPage .mod2 .lMod .bts .ys{ font-size:12px; color:#14px; color:#ff303a; line-height:16px; position:relative; left:0; top:-15px}
.indexPage .mod2 .lMod .bts .num{ line-height:36px; color:#ff303a; font-size:32px}
.indexPage .mod2 .lMod .bts .dw{ line-height:36px; color:#666; font-size:14px}
.indexPage .mod2 .lMod .bts .btn{ display:block; float:right; color:#333; transition:all linear .2s; width:96px; height:26px; line-height:26px; text-align:center; border:1px solid #d9d9d9; float:right; margin:4px 0 0 0; border-radius:3px}
.indexPage .mod2 .lMod .bts .btn:hover{ color:#ff3338; border-color:#ff3338}
.indexPage .mod2 .rMod{ width:888px; float:right}
.indexPage .mod2 .rMod .inMd{ width:280px; height:199px; float:left; margin:21px 21px 0 0; position:absolute;z-idnex:1;overflow:hidden; border-radius:3px; background:#fafafa; transition:all linear .2s;cursor: pointer}
.indexPage .mod2 .rMod .inMd img{ display:block; margin:5px auto 0 auto}
.indexPage .mod2 .rMod .inMd .t1{ display:block; font-size:22px; text-align:center; line-height:26px}
.indexPage .mod2 .rMod .inMd .t2{ display:block; font-size:13px; text-align:center; line-height:26px; padding:10px 0 0 0; color:#666}
.indexPage .mod2 .rMod .inMd .cart{ width:33px; height:33px; overflow:hidden; position:absolute; right:13px; bottom:8px; background:url(../images/cartIcon.png) no-repeat 0 0; border:0; cursor:pointer; outline:none; display:block; opacity:0; filter:alpha(opacity = 0); transition:all linear .2s}
.indexPage .mod2 .rMod .fltr{ float:right; margin-right:0}
.indexPage .mod2 .rMod .inMd:hover{ box-shadow:0 0 50px #dfdfdf; background:#fff;padding: 25px 0;z-index:10;margin-top:4px;height: 185px;}
.indexPage .mod2 .rMod .inMd:hover .cart{ opacity:1; filter:alpha(opacity = 100)}

.indexPage .mod3{ width:100%; height:278px; padding:87px 0 0 0; background:url(../images/mod2bg.jpg) no-repeat center 0; position:relative; left:0; top:0; z-index:3}
.indexPage .mod3 .inCon{ width:985px; height:180px; margin:0 auto 0 auto}
.indexPage .mod3 .tbT{ overflow:hidden; zoom:1; padding:0 0 0 8px}
.indexPage .mod3 .tbT a{ display:block; cursor:pointer; float:left; margin:0 5px 0 0; border-radius:2px; height:34px; line-height:34px; width:86px; text-align:center; font-size:16px; color:#a4a4a4; background:#ebebeb; transition:all linear .2s}
.indexPage .mod3 .tbT .on{ background:url(../images/hoverbg1.jpg) no-repeat center; color:#fff}
.indexPage .mod3 .tbC{ padding:28px 68px 0 68px}
.indexPage .mod3 .tbIn{ display:none}
.indexPage .mod3 .scRow{ height:57px}
.indexPage .mod3 .lIpt{ border-radius:4px; border:1px solid #cac9c9; height:55px; position:relative; left:0; top:0; width:686px; float:left}
.indexPage .mod3 .lIpt .ipt{ margin:0 25px; padding:12px 0}
.indexPage .mod3 .lIpt .ipt input{ display:block; height:31px; line-height:31px; width:100%; border:0; outline:none; overflow:hidden; font-size:26px; color:#333; text-align:left}
.indexPage .mod3 .dpd .ipt{ margin-right:125px}

.indexPage .monitor-select{ height:55px; width:98px; border-top-right-radius:4px; border-bottom-right-radius:4px; position:absolute; right:0; top:0; text-align:center; background:#f5f5f5; border-left:1px solid #e5e5e5; font-size:0}
.indexPage .monitor-select .values{ font-size:16px; color:#666; line-height:55px; padding:0 5px 0 0}
.indexPage .monitor-select .rit-ars{ width:9px; display:inline-block; *display:inline; zoom:1; overflow:hidden; height:5px; background:url(../images/arrb.png) no-repeat center; position:relative; left:0; top:-2px}
.indexPage .monitor-select .chi-con{ height:auto; overflow:hidden; position:absolute; left:-1px; top:53px; width:100px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow:hidden; background:#fff; display:none}
.indexPage .monitor-select .chi-con .in-con{ border:1px solid #e1e1e1; width:98px; overflow:hidden; padding:5px 0}
.indexPage .monitor-select .chi-con .opts{ display:block; cursor:pointer; height:32px; font:15px/32px microsoft yahei; text-align:left; padding-left:20px; overflow:hidden; outline:none; color:#585858; transition:background linear 0.2s;}
.indexPage .monitor-select .chi-con .opts:hover{ background:#f8f8f8; text-decoration:none;}
.indexPage .mod3 .rSearch{ display:block; border:0; transition:all linear .2s; border-radius:4px; overflow:hidden; height:57px; line-height:57px; width:146px; text-align:center; background:url(../images/scBtnBg.jpg) no-repeat 0 0; font-size:20px; color:#fff; float:right; cursor:pointer}
.indexPage .mod3 .rSearch:hover{ background:#d80309}
.indexPage .mod3 .recmRow{ overflow:hidden; padding:15px 0 0 10px; text-align:left}
.indexPage .mod3 .recmRow a{ line-height:20px; color:#9c9c9c; font-size:16px; margin:0 6px; transition:all linear .2s}
.indexPage .mod3 .recmRow a:hover{ color:#d80309}

.indexPage .mod3s{ width:100%; overflow:hidden; background:url(../images/mod3bg.jpg) no-repeat center;}
.indexPage .mod3s .cmTit .fTit{ color:#fff; padding-top:50px}
.indexPage .mod3s .cmTit .sTit{ color:#fff; padding:10px 0 25px 0}

.indexPage .mod3s .tbt{ width:166px; height:25px; margin:0 auto; border:1px solid #747e96; border-radius:100px; position:relative; left:0; top:0}
.indexPage .mod3s .tbt a{ display:block; border-radius:100px; z-index:1; overflow:hidden; width:97px; position:absolute; left:-2px; top:-1px; font-size:13px; color:#fff; line-height:27px; height:27px; cursor:pointer}
.indexPage .mod3s .tbt .lst{ left:auto; right:-2px}
.indexPage .mod3s .tbt .on{ background:#ff303a; z-index:2}
.indexPage .mod3s .slCon{ display:none; text-align:center; padding:90px 0 0 0}
.indexPage .mod3s .fiveCol{ width:1200px; overflow:hidden; zoom:1}
.indexPage .mod3s .cols{ width:20%; float:left; background:url(../images/jglS.png) no-repeat right center}
.indexPage .mod3s .lsts{ background:none}
.indexPage .mod3s .t1{ display:block; font-size:50px; line-height:56px; color:#fff}
.indexPage .mod3s .t2{ display:block; font-size:12px; line-height:20px; color:#c0c6d2; padding:12px 0 0 0}

.indexPage .mod3s .inc{ width:1200px; margin:0 auto; height:550px; position:relative; left:0; top:0}
.indexPage .mod3s .fourCol{ overflow:hidden; zoom:1; padding:55px 0 0 0}
.indexPage .mod3s .col{ width:25%; float:left; overflow:hidden}
.indexPage .mod3s .img{ display:block; height:130px; overflow:hidden; width:130px; margin:0 auto; position:relative; left:0; top:0}
.indexPage .mod3s .img img{ display:block; position:absolute; left:0; top:0; visibility:visible; margin:0 auto; transition:all linear .2s; opacity:1; filter:alpha(opacity = 100)}
.indexPage .mod3s .img .dis{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.indexPage .mod3s .bTt{ display:block; text-align:center; padding:30px 0 0 0; font-size:16px; color:#fff; transition:all linear .2s}
.indexPage .mod3s .col:hover .bTt{ color:#ff3039}
.indexPage .mod3s .col:hover img{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.indexPage .mod3s .col:hover img.dis{ visibility:visible; opacity:1; filter:alpha(opacity = 100)}

.indexPage .mod4{ width:100%; overflow:hidden}
.indexPage .mod4 .cmTt{ display:block; font-size:42px; line-height:52px; text-align:center; overflow:hidden; color:#000; padding:58px 0}
.indexPage .mod4 .tops{ width:100%; overflow:hidden; height:370px; position:relative; left:0; top:0; background:url(../images/fwBgs.jpg) no-repeat center; box-shadow:-20px 0 10px #edeef0 inset}
.indexPage .mod4 .row{ width:1200px; position:absolute; left:50%; margin:0 0 0 -600px; bottom:0; padding:12px 0 0 0; height:186px}
.indexPage .mod4 .row a{
	cursor:pointer;
	width:122px;
	float:left;
	padding-bottom:70px;
	position:relative;
	left:0;
	top:0;
	margin-top: 0;
	margin-right: 37px;
	margin-bottom: 0;
	margin-left: 40px;
}
.indexPage .mod4 .row .last{ float:right; margin:0}
.indexPage .mod4 .row img{ display:block; margin:0 auto; position:relative; left:0; top:0; transition:all linear .2s; border-radius:200px}
.indexPage .mod4 .row .arb{ display:none; height:26px; width:40px; overflow:hidden; background:url(../images/arTs.png) no-repeat center; position:absolute; left:50%; bottom:0; margin:0 0 0 -20px}
.indexPage .mod4 .row .on img{ box-shadow:0 0 25px #c0c0c2; top:-10px}
.indexPage .mod4 .row .on .arb{ display:block}
.indexPage .mod4 .txtCon{ padding:50px 0 70px 0; background:#fff}
.indexPage .mod4 .txtCon .tC{ display:none; width:980px; margin:0 auto; overflow:hidden; text-align:center}
.indexPage .mod4 .txtCon .img{ display:block; width:130px; height:130px; border-radius:200px; overflow:hidden; margin:0 auto}
.indexPage .mod4 .txtCon .img img{ display:block; width:130px; height:130px; border-radius:200px}
.indexPage .mod4 .txtCon .tt1{ display:block; font-size:24px; line-height:150%; padding:25px 0 0 0}
.indexPage .mod4 .txtCon .texts{ display:block; word-break:break-all; padding:15px 85px; font-size:14px; color:#666; font-style:italic; line-height:160%; position:relative; left:0; top:0}
.indexPage .mod4 .txtCon .ldh{ display:block; width:39px; height:39px; overflow:hidden; background:url(../images/dhl.jpg) no-repeat 0 0; position:absolute; left:0; top:0}
.indexPage .mod4 .txtCon .rdh{ display:block; width:39px; height:39px; overflow:hidden; background:url(../images/dhr.jpg) no-repeat 0 0; position:absolute; right:0; bottom:0}

.indexPage .mod5{ width:100%; overflow:hidden; background:#f5f5f5; padding:45px 0; border-top:1px solid #efefef}
.indexPage .mod5 .inc{ width:1200px; margin:0 auto; overflow:hidden; zoom:1; position:relative; left:0; top:0}
.indexPage .mod5 .tits{ overflow:hidden; zoom:1}
.indexPage .mod5 .jgs{ height:29px; overflow:hidden; float:left; margin:3px 0 0 20px; padding:0 0 0 20px; border-left:1px solid #dcdcdc}
.indexPage .mod5 .jgs a{ display:block; border-bottom:3px solid #f5f5f5; height:26px; line-height:26px; cursor:pointer; float:left; padding:0 4px; white-space:nowrap; margin:0 28px 0 0; font-size:16px; color:#666}
.indexPage .mod5 .jgs .on{ border-bottom-color:#ff5931; color:#ff5931}
.indexPage .mod5 .tits span{ display:block; font-size:30px; float:left; line-height:36px; overflow:hidden}
.indexPage .mod5 .tits .more{ display:block; color:#999; font-size:16px; float:right; transition:all linear .2s; line-height:36px; overflow:hidden}
.indexPage .mod5 .tits .more:hover{ color:#ff3039}
.indexPage .mod5 .news{ width:860px; overflow:hidden; float:left}
.indexPage .mod5 .news .ins{ overflow:hidden; zoom:1; width:900px}
.indexPage .mod5 .news .lk{ display:block; margin:20px 20px 0 0; float:left; position:relative; left:0; top:0; width:320px; padding:0 0 0 100px; height:100px; overflow:hidden; background:#fff; text-align:left}
.indexPage .mod5 .news .ldt{ width:100px; overflow:hidden; height:100px; border-right:1px solid #ededed; position:absolute; left:0; top:0}
.indexPage .mod5 .news .ldt span{ display:block; font-size:48px; font-weight:bold; color:#555; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:12px 0 0 0; line-height:52px; transition:all linear .2s}
.indexPage .mod5 .news .ldt i{ display:block; text-align:center; padding:0; font-size:14px; transition:all linear .2s}
.indexPage .mod5 .news .rTx{ width:265px; overflow:hidden; margin:0 auto; padding:25px 0 0 0; font-size:14px; color:#333; line-height:22px; height:45px; transition:all linear .2s; text-align:left; word-break:break-all}
.indexPage .mod5 .news .lk:hover{ background:url(../images/xwggHover.jpg) no-repeat 0 0;}
.indexPage .mod5 .news .lk:hover .ldt span,.indexPage .mod5 .news .lk:hover .ldt i,.indexPage .mod5 .news .lk:hover .rTx{ color:#fff}
.indexPage .mod5 .news .lk:hover .ldt{ border:0}

.indexPage .mod5 .dsj{ width:312px; overflow:hidden; float:right}
.indexPage .mod5 .dsj .ins{ overflow:hidden}
.indexPage .mod5 .dsj img{ display:block; width:312px; height:175px}
.indexPage .mod5 .dsj .t1{ display:block; padding:20px 0 10px 0; font-size:16px; text-align:left; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:280px; margin:0 auto}
.indexPage .mod5 .dsj .des{ font-size:12px; color:#666; text-align:left; line-height:22px; overflow:hidden; height:90px; width:280px; margin:0 auto}

.indexPage .mod5 .dsj .picScroll-left{ width:312px;  overflow:hidden; position:relative; left:0; top:0; margin-top:20px; background:#fff}
.indexPage .mod5 .dsj .picScroll-left .hd{ overflow:hidden;  height:13px; padding:5px 0; width:90%; position:absolute; left:5%; bottom:10px; z-index:5}
.indexPage .mod5 .dsj .picScroll-left .hd ul{font-size:0; text-align:right}
.indexPage .mod5 .dsj .picScroll-left .hd ul li{ display:inline-block; *display:inline; zoom:1; border-radius:100px; width:11px; height:11px; overflow:hidden; margin:0 3px; text-indent:-999px; cursor:pointer; background:#d1d1d1; transition:all linear .2s }
.indexPage .mod5 .dsj .picScroll-left .hd ul li.on{ background:#f74e55}
.indexPage .mod5 .dsj .picScroll-left .bd{ padding:0}
.indexPage .mod5 .dsj .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.indexPage .mod5 .dsj .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.indexPage .mod5 .dsj .picScroll-left .bd ul li a{ display:block; height:340px; width:312px}

.indexPage .mod6{ width:100%; overflow:hidden; background:url(../images/mod6Bg.jpg) no-repeat center; height:450px}
.indexPage .mod6 .cmTt1{ color:#fff; display:block; font-size:36px; line-height:42px; text-align:center; overflow:hidden; padding:110px 0 0 0}
.indexPage .mod6 .cmTt2{ color:#fff; display:block; font-size:24px; line-height:32px; text-align:center; overflow:hidden; padding:12px 0 65px 0}
.indexPage .mod6 .btn{ display:block; transition:all linear .2s; border-radius:4px; height:50px; line-height:50px; width:300px; margin:0 auto; color:#fff; overflow:hidden; background:#ff5133; text-align:center; border:0; font-size:24px}
.indexPage .mod6 .btn:hover{ background:#ff3039}

/** Content End **/